<template>
    <div>
        <Modal v-model="modal.detail" title="详情" width="1020">
            <div class="detail-info">
                <Row>
	<i-col span="12"><span class="detail-title">数据字典编号：</span><span v-text="form.dataDictId"></span></i-col>
<i-col span="12"><span class="detail-title">数据字典编码：</span><span v-text="form.dataDictDictCode"></span></i-col>


	<i-col span="12"><span class="detail-title">数据字典名称：</span><span v-text="form.dataDictDictName"></span></i-col>
<i-col span="12"><span class="detail-title">数据字典项编号：</span><span v-text="form.dataDictItemId"></span></i-col>


	<i-col span="12"><span class="detail-title">数据字典项值：</span><span v-text="form.dataDictItemDictValue"></span></i-col>
<i-col span="12"><span class="detail-title">数据字典项显示值：</span><span v-text="form.dataDictItemDictDisplayValue"></span></i-col>


	<i-col span="12"><span class="detail-title">数据字典项排序：</span><span v-text="form.dataDictItemDictOrder"></span></i-col>
<i-col span="12"><span class="detail-title">显示颜色：</span><span v-text="form.dataDictItemColor"></span></i-col>


	<i-col span="12"><span class="detail-title">是否默认值：</span><span v-text="form.dataDictItemIsDefault"></span></i-col>
<i-col span="12"><span class="detail-title">描述：</span><span v-text="form.dataDictItemDescription"></span></i-col>


	<i-col span="12"><span class="detail-title">版本号：</span><span v-text="form.dataDictItemVersion"></span></i-col>
<i-col span="12"><span class="detail-title">创建时间：</span><span v-text="form.dataDictItemCreateTime"></span></i-col>


	<i-col span="12"><span class="detail-title">更新时间：</span><span v-text="form.dataDictItemUpdateTime"></span></i-col>
<i-col span="12"><span class="detail-title">是否激活：</span><span v-text="form.dataDictItemIsActive"></span></i-col>

</Row>

            </div>
        </Modal>
    </div>
</template>

<script>
	import * as utils from '@/api/utils-v2'
	import * as ResponseStatus from '@/api/response-status'
    export default {
        name: 'DataDictAndItemDetail',
        data() {
            return {
                modal: {
                    detail: false
                },
				dataDictCodes: ['IS_ACTIVE'],
				dataDictItems: {},
                form: {
                    dataDictId: null,
dataDictDictCode: null,
dataDictDictName: null,
dataDictItemId: null,
dataDictItemDictValue: null,
dataDictItemDictDisplayValue: null,
dataDictItemDictOrder: null,
dataDictItemColor: null,
dataDictItemIsDefault: null,
dataDictItemDescription: null,
dataDictItemVersion: null,
dataDictItemCreateTime: null,
dataDictItemUpdateTime: null,
dataDictItemIsActive: null,

                }
            }
        },
        computed: {},
        mounted() {},
        methods: {
			getDictItemsDisplayValue() {
			    utils.getDataDict(this.dataDictCodes).then(response => {
			    if (response) {
			        this.dataDictItems = response
			        
			        utils.getDetailDictItemDisplayValue(this, 'IS_ACTIVE', 'dataDictItemIsActive')
			    }
			    }).catch(error => {
			    console.log(error)
			    })
			}
		}
    }
</script>

<style>

</style>
